
var prefix = "/payee/cash"
$(function() {
    initDate();
    load();
});

function initDate(){
    laydate.render({
        elem: '#dateTime',
        type: 'date',
        format: 'yyyy年MM月dd日',
        range: true, //或 range: '~' 来自定义分割字符
        done: function(value, date, endDate){
            var dateTime = value.replace(/\s/g,"").split('-');
            $('#startTime').val(dateTime[0]);
            $('#endTime').val(dateTime[1]);
        }
    });
}

function load() {
    $('#exampleTable').bootstrapTable({
        method : 'get', // 服务器数据的请求方式 get or post
        url : prefix + "/record/list", // 服务器数据的加载地址
        iconSize : 'outline',
        toolbar : '#exampleToolbar',
        striped : true, // 设置为true会有隔行变色效果
        dataType : "json", // 服务器返回的数据类型
        pagination : true, // 设置为true会在底部显示分页条
        singleSelect : false, // 设置为true将禁止多选
        pageSize : 10, // 如果设置了分页，每页数据条数
        pageNumber : 1, // 如果设置了分布，首页页码
        showColumns : false, // 是否显示内容下拉框（选择显示的列）
        sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
        queryParams : function(params) {
            return {
                //说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                limit: params.limit,
                offset:params.offset,
                startTime : $('#startTime').val(),
                endTime : $('#endTime').val()
            };
        },
        columns : [
            {
                title : '序号',
                align : 'center',
                formatter: function (value, row, index) {
                    return index + 1;
                }
            },
            {
                field : "id",
                align : 'center'
            },
            {
                field : 'bankDeposit',
                align : 'center',
                title : '收款银行'
            },
            {
                field : 'bankNumber',
                align : 'center',
                title : '收款卡号'
            },
            {
                field : 'realName',
                align : 'center',
                title : '收款姓名'
            },
            {
                field : 'money',
                align : 'center',
                title : '付款金额'
            },
            {
                field : 'userName',
                align : 'center',
                title : '付款人',
                formatter : function(value, row, index) {
                    var html = '-';
                    if (value == '' || value == null) {
                        html = '平台';
                    } else  {
                        html = value;
                    }
                    return html;
                }
            },
            {
                field : 'voucher',
                align : 'center',
                title : '凭证',
                formatter : function(value, row, index) {
                    var html = '<img src="data:image/'
                        + (row.voucherType == 'jpg' ? 'jpeg' : row.voucherType)
                        + ';base64,' + value
                        +  '" style="height: 20px" onclick="showImg(' + row.id + ')">';
                    return html;
                }
            },
            {
                field : 'gmtCreate',
                align : 'center',
                title : '创建时间'
            },
            {
                field : 'status',
                align : 'center',
                title : '状态' ,
                formatter : function(value, row, index) {
                    var html = '-';
                    if (value == '0') {
                        html = '<span class="label label-danger">待审核</span>';
                    } else if (value == '1') {
                        html = '<span class="label label-warning" >审核通过</span>';
                    } else if (value == '2') {
                        html = '<span class="label label-success">驳回</span>';
                    }
                    return html;
                }
            }
        ]
    });
    $('#exampleTable').bootstrapTable('hideColumn', 'id');//隐藏上述userId列
}
function reLoad() {
    //$('#exampleTable').bootstrapTable('refresh');
    $('#exampleTable').bootstrapTable('destroy');
    load();
}

function showImg(id){
    layer.open({
        type : 2,
        title : '查看凭证',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '520px', '520px' ],
        content : '/merchant/cashWithd/showImg/' + id // iframe的url
    });
}